<template>
  <el-card shadow="never">
    <el-tabs v-model="activeTab">
      <el-tab-pane label="销售额" name="first" lazy>
        <LineChart />
      </el-tab-pane>
      <el-tab-pane label="访问量" name="second" lazy>
        <BarChart />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
import LineChart from './LineChart.vue'
import BarChart from './BarChart.vue'

export default defineComponent({
  name: 'SiteAnalysis',
  components: {
    LineChart,
    BarChart
  },
  setup() {
    const activeTab = ref('first')

    return {
      activeTab
    }
  }
})
</script>

<style lang="scss" scoped></style>
